.tab{
    width: 100%;
    position: fixed;
    background-color: #fff;
    bottom: 0px;
}
.TextArea{
    padding: 15px;
    box-sizing: border-box;
    /* height: 100%; */
}
.header{
    display: flex;
    position: relative;
    height: 5vh;
    margin: 15px;
    box-sizing: border-box;
}
.hotList{
    background-color: #FEF5EA;
    /* height: 30vh; */
    overflow: hidden;
    margin: 15px;
    /* margin-bottom: 20px; */
}
.userList{
    background-color: #F7FAFF;
    /* height: 18vh; */
    margin: 15px;
    /* overflow: hidden; */
    /* width: 100%; */
}
.textList{
    margin: 15px;
}
.textleft{
    width: 70%;
}
.imgright{
    width: 30%;
    height: 100%;
}
.video{
    width: 46%;
    height: 100%;
    background: radial-gradient(circle, #3a7cd2, #62dcea);  
    border-radius: 10px;
    float: left;
}
.chat{
    width: 46%;
    height: 100%;
    background: radial-gradient(circle, #57be89, #30d5d2);  
    border-radius: 10px;
    float: right
}
.bottom{
    margin-top: 20px;
    
}
.avatar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.avatar1{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}